---
title: Radio Groups
description: Radio group components built with Tailwind CSS v4. These responsive, customizable radio inputs are perfect for forms, settings, and user preferences in web applications. Optimized for accessibility, SEO, and mobile usability.
emoji: 📻
category: application
slug: radio-groups
wrapper: h-[400px]
terms:
  - form
  - group
  - radio
components:
  - { title: 'Base', dark: true }
  - { title: 'Base with input', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Color variant' }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Radio Group Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
